<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>示例中心</title>
	<base target="_blank">
	<link rel="stylesheet" href="../assets/dest/css/basic_reset.css">
	<link rel="stylesheet" href="../assets/dest/css/basic_font.css">
	<link rel="stylesheet" href="demo-lib/doc.css">
	<style>
		.mainbox {max-width: 480px;}
	</style>
</head>
<body>
	<div class="mainbox reset">
		<h2 class="title conter">基础：</h2>
		<div>
			<ul class="catalog reset">
				<li class="conter"><a href="basic/reset.html?2018-01-04">基本样式</a></li>
				<li class="conter"><a href="basic/font.html?2018-01-05">字体栈</a></li>
				<li class="conter"><a href="basic/icon.html?2018-01-05">图标</a></li>
				<li class="conter"><a href="basic/grid.html?2018-01-21">网格</a></li>
			</ul>
		</div>
		<h2 class="title conter">表单：</h2>
		<div>
			<ul class="catalog reset">
				<li class="conter"><a href="form/input.html?2018-01-21">文本框</a></li>
				<li class="conter"><a href="form/input_number.html?2018-04-18">数字文本框</a></li>
				<li class="conter"><a href="form/input_file.html?2018-02-05">文件域</a></li>
				<li class="conter"><a href="form/input_group.html?2018-02-02">输入框组</a></li>
				<li class="conter"><a href="form/checkbox.html?2018-04-18">选项框</a></li>
				<li class="conter"><a href="form/select.html?2018-01-30">下拉框</a></li>
				<li class="conter"><a href="form/button.html?2018-04-27">按钮</a></li>
				<li class="conter"><a href="form/button_group.html?2018-04-27">按钮组</a></li>
				<li class="conter"><a href="form/switch.html?2018-01-30">开关</a></li>
				<li class="conter"><a href="form/typography.html?2018-02-27">表单排版</a></li>
			</ul>
		</div>
				<!-- <h2 class="title conter">UI 组件：</h2>
		<div>
			<ul class="catalog reset">
				<li class="conter"><a href="ui/input.html">开关</a></li>
			</ul>
		</div> -->
		<h2 class="title conter">导航：</h2>
		<div>
			<ul class="catalog reset">
				<li class="conter"><a href="nav/tabs.html?2018-02-07">标签页</a></li>
			</ul>
		</div>
		<h2 class="title conter">数据报表：</h2>
		<div>
			<ul class="catalog reset">
				<li class="conter"><a href="data/table.html?2018-04-06">表格</a></li>
			</ul>
		</div>
		<h2 class="title conter">通知提示：</h2>
		<div>
			<ul class="catalog reset">
				<li class="conter"><a href="notice/tooltip.html?2018-01-31">悬停提示框</a></li>
			</ul>
		</div>
		<h2 class="title conter">辅助类：</h2>
		<div>
			<ul class="catalog reset">
				<li class="conter"><a href="util/text.html?2018-02-01">情景文本</a></li>
				<li class="conter"><a href="util/paper.html?2018-02-02">纸张效果</a></li>
			</ul>
		</div>
	</div>
	<script>
		var links = document.querySelectorAll('.mainbox .catalog a');

		for (var i = 0; i < links.length; i++) {
			var linkStr = links[i].href;

			if (linkStr && linkStr.lastIndexOf('?') > 0) {  // 有时间戳
				var sLabel = document.createElement('small');

				sLabel.innerHTML = ' - ' + linkStr.substr(linkStr.lastIndexOf('?') + 1);
				links[i].parentNode.appendChild(sLabel);
			}
		}
	</script>
</body>
</html>
